<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>显示属性</title>
		<style>
			div.taiyi{
				width: 300px;
				height: 300px;
				background-image: url(img/c459ae81b7da3fab4842cb5c88bcf793_720.png);
				background-size: 100% 100%;
				disp lay: none;     /* 元素消失：元素不占文档流*/
				visibility: hidden;/* 元素隐藏：元素占文档流 */
				visibility: visible;/* 元素显示 结合js切换使用 */
			}
			div.shengongbao{
				width: 300px;
				height: 300px;
				background-image: url(img/538d1e4b8fccfe28669085d2bc920a39_720.png);
				background-size: 100% 100%;
				/* 光标属性：移动页面区域，根据页面区域需要，调整光标效果 */
				cursor: pointer;/* 手效果，使用率高 */
				cursor: crosshair;/* 十字基准线：选取，使用较低 */
				cursor: text;/* 默认输入框 */
				cursor: wait;/* 等待：沙漏 */
				cursor: help;/* 帮助 */
			}
			
		</style>
	</head>
	<body>
		<!-- 元素存在于盒模型，显示状态：行块 display 显示属性
		                                            隐藏属性
		-->
		你打我撒<div class="taiyi"></div>
		人心中的成见是一座大山<div class="shengongbao"></div>
	</body>
</html>